import './index.scss'
import {Input,ConfigProvider} from "antd";
import {SearchOutlined} from '@ant-design/icons';
const Search = () => {
    return (<div >
        <ConfigProvider
        theme={{
            components:{
                Input:{
                    inputFontSize:12,
                    activeBg:'#e9e9e9'
                }
            }
        }}
        >
            <Input
                prefix={
                    <SearchOutlined
                        style={{

                            color: 'rgba(0,0,0,.25)',
                        }}
                    />
                }
                placeholder="请输入菜品名称"   />
        </ConfigProvider>

    </div>)
}
export default Search